<template>
  <v-content >
    <v-miaoScroll :on-refresh="data.onRefresh" :on-getmore="data.onGetmore" :has-next="data.has_next" :showview="data.showview" v-vuet-scroll="{ path: 'goodscollects', name: 'content' }" style="background-color: #ffffff;">
      <div class="mw-column-style">
        <div @click="data.skipToGoodsDetail(item)" v-for="(item,index) in data.list">
          <v-goodsitem  :detail="item" ></v-goodsitem>
        </div>
      </div>
    </v-miaoScroll>
  </v-content>


</template>

<script>
  import utils from '../../utils'
  import httputil from '../../httputil'

  import {mapModules, mapRules} from 'vuet'

  export default {
    mixins: [
      mapModules({data: 'goodscollects'}),
      mapRules({store: [{ path: 'goodscollects' }],need: [{ path: 'goodscollects' }]}),
    ],
    components: {

    },
    data() {
      return {

      }
    },
    methods: {

    },

    created() {

    },

    mounted() {
      this.data.needFetch = true
    },

  }
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style>

</style>
